<div class="page-center">
  <div class="main-page">
    <div class=" grid_12 alpha t_space_bottom" id="container_1">
      <div class="breadcrumb"> <a href="<?php echo base_url(); ?>">Home</a><span>&gt;</span> <b>Contact Us</b> </div>
    </div>
    <div class=" grid_12 t_space_bottom" id="container_2">
      <div class=" grid_3 alpha col-left-243" id="container_3">
        <div class="boxLeft clearfix">
          <?php $this->load->view("public/agencyinfo"); ?>
        </div>
		<script type="text/javascript">
            $(document).ready(function(){				
                $("#ok").click(function(){
                    f = $("#name").val();
					phone = $("#phonen").val();
                    e = $("#email").val();
                    title = $("#title").val();
                    content = $("#content").val();
                    $.ajax({
                        "url" : "<?php echo base_url(); ?>home/contact/ajax",
                        "type" : "post",
                        "data" : "name="+f+"&phone="+phone+"&email="+e+"&title="+title+"&content="+content,
                        beforeSend: function() {
                            $("#view").show();
                            $("#view").html("Loading ...");
                        },
                        success : function(kq){
                            if(kq == 1){
                                $("#view").show();
                                $("#view").html("Please enter full information! <br /><img src='<?php echo base_url(); ?>public/images/ajax-loader.gif' />");
                            }else{
                                $("#view").show();
								if(kq == 3){
									$("#view").html("<span style='color:#060;font-weight:bold;'>Your comment has been sent, we will contact you soon.</span>");
									$("#name").val("");
									$("#phonen").val("");
									$("#email").val("");
									$("#title").val("");
									$("#content").val("");
                                	
								}else{
									$("#view").html(kq+" <br /><img src='<?php echo base_url(); ?>public/images/ajax-loader.gif' />");
								}
                            }
                        },
                    });
                return false;
            });
        });
        </script> 
      </div>
      <div class="grid_9 col-702 Fr" id="container_4">
        <form action="javascript:void(0)" method="post" id="form">
          <div id="tabsAb" class="line">
            <div class="blockTab tabContact">
              <ul class="tabNav">
                <li><a href="<?php echo base_url(); ?>faqs.html">Questions & Answers</a></li>
                <li class="activeTab lastTab"><a href="javascript:void(0)">Ask a Question</a></li>
              </ul>
            </div>
            <div id="tab-1" class="tabAbout" style="display:none;"> </div>
            <div id="tab-3" class="tabAbout">
              <h3 class="size16 titleSQ">Submit a Question to our support team</h3>
              <p>Let us know if you have any question in mind about your upcoming trip, or discuss with us your ideas for traveling to Halong Bay.</p>
              <br/>
              <div class="line10">
                <div class="textQuest">Full Name:</div>
                <input class="ipQuest" id="name" name="name"/>
                <b class="size18 c_orange lineH26">*</b> </div>
              <div class="line10">
                <div class="textQuest">Phone number:</div>
                <input class="ipQuest" id="phonen" name="phonen"/>
              </div>
              <div class="line10">
                <div class="textQuest">Email:</div>
                <input class="ipQuest"  name="email" id="email"/>
                <b class="size18 c_orange lineH26">*</b>
                <div class="line">
                  <div class="textQuest lineH22">&nbsp;</div>
                  <div class="Fl c_83">We hate spam as much as you do!</div>
                </div>
              </div>
              <div class="line10">
                <div class="textQuest">Subject:</div>
                <input class="ipQuest" name="title" id="title"/>
                <b class="size18 c_orange lineH26">*</b> </div>
              <div class="line10">
                <div class="textQuest">Question:</div>
                <textarea class="taQuest" name="content" id="content"></textarea>
                <b class="size18 c_orange lineH26">*</b> </div>
              <div class="sendQuest" style="width:500px"> 
              	<span id="view" style="color:#F00;display:none"></span>
                <button type="submit" id="ok" class="btn btn-red"><span>CONTINUE</span></button>
              </div>
            </div>
          </div>
        </form>
        </div>
    </div>
    </div>
</div>
<div class="page-center">
  <div class="signup-offer">
    <div class="signup-banner"> <b class="inline-block size16">Have any questions? Please contact us</b> <a class="button btn-offer" href="http://www.hanoisapatrain.com/contact-us.html">Contact us</a> <span class="inline-block size11">Don't worry, we won't share your details with anyone alse</span> </div>
  </div>
  <!--/ SIGN UP - OFFER --> 
</div>